//!公共的token

// layui.use('form', function () {

//     var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

//     form.render();

// });




let token= localStorage.getItem("token");

// 渲染分页
let q = {
    name:"",
    page:1,
    limit:10,
   
}


//     发送分页方法
    function getRoleAdminList(){
        let token= localStorage.getItem("token");
        // console.log(token);
        axios({
            url:"http://124.223.14.236:8060/admin/sys_role/list",
            method:'get',
            headers: {
                "x-token": token,
            },
            params:q,
        })

        .then(res=>{
            console.log(res);
            let new_arr = res.data.data.data.map((item,value) => {
                return `
                    <tr>
                        <td class=>${value+1}</td>
                        <td>${item.id}</td>
                        <td>${item.name}</td>
                        <td>${item.description}</td>
                        <td>${item.create_date}</td>
                        <td align="center">
                            <!-- 按钮 -->
                            <button  id = 'edit' type="button" class="layui-btn layui-btn-radius layui-btn layui-btn-normal">
                                <i data-id=${item.id} class="layui-icon layui-icon-edit layui-font-12"></i>
                            </button>
                            <button 
                            id="del"
                            data-id="${item.id}"
                            type="button" 
                            class="layui-btn layui-btn layui-btn-radius layui-btn-danger">
                                <i data-id="${item.id}" class="layui-icon layui-icon-delete layui-font-12"></i>
                            </button>
                        </td>
                    </tr>
                ` 
            })
            $("tbody").html(new_arr.join(""));
            // console.log(res);
            // 页面分页
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                
                //执行一个laypage实例
                laypage.render({
                    elem: 'pageBox' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: res.data.data.count //数据总数，从服务端得到
                    ,layout:['count','limit','prev','page','next','skip'],
                    limit: q.limit,
                    curr: res.data.data.currentPage,
                    limits:[10,20,40,50,100]
                    ,jump: function(obj, first){
                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                            // console.log(obj.limit); //得到每页显示的条数
                    
                    //首次不执行
                    if(!first){
                        q.page  = obj.curr
                        q.limit = obj.limit;
                        getRoleAdminList();
                    }
                    }
                });
                });

            
            
        })
    }

    getRoleAdminList();

    // 删除类容
    function del(id){

        axios({
            url:"http://124.223.14.236:8060/admin/sys_role/del",
            method:'get',
            headers: {
                "x-token": token,
            },
            params:{
                id: id,
            }
        })
        .then(res=>{
            console.log(res.status);
            if(res.status ===200){

                layer.close(layer.index);
                layer.msg('删除成功');
                getRoleAdminList();  

                // if(Math.ceil(total /q.limit) === q.page && article_list.length ===1){
                //     q.pagenum--
                // }      
            }
            

    })

    }

    $("tbody").on("click","#del",function(e){
            console.log(e.target);
             let id =   e.target.dataset.id
             console.log(id);
             layer.open({
                content:'确认删除',
                btn:['确定','取消'],
                    yes: function(index,layero){
                        del(id);
                    },
    
                    btn2: function(index,layero){
                    }
            })
        

    })


    // 新增类容


    $("#newAdd").on("click",function(){

        layer.open({
            type: 1,
            title:"添加管理员",
            area: ['800px', '500px'],
            content: $('#add_form').html(),
            btn:['确定','取消'],
            yes: function(index,layero){
                // 角色树形数据
         
                let reBody = {
                    name: $("#name_account").val(),
                    description: $("#description").val(),
                    role_id: localStorage.getItem(checkALL),
                }       
            
                // add(reBody);
            },
    
            btn2: function(index,layero){
            }
        })
    })

    layui.use(['tree', 'util'], function(){
        var tree = layui.tree
        ,layer = layui.layer
        ,util = layui.util 
        //模拟数据1
        ,data1 = [{
        title: '系统设置'
        ,id: 1
        ,children: [{
            title: '菜单管理'
            ,id: 2
            ,children: [{
            title: '列表'
            ,id: 95
            },{
            title: '增加'
            ,id: 96
            },{
            title: '更新'
            ,id: 97
            },{
            title: '删除'
            ,id: 98
            }]
        },{
            title: '角色管理'
            ,id: 51
            ,children: [{
            title: '列表'
            ,id: 108
            },{
            title: '增加'
            ,id: 109
            },{
            title: '更新'
            ,id: 110
            },{
            title: '删除'
            ,id: 111
            }]
        },{
            title: '用户管理'
            ,id: 49
            ,children: [{
            title: '列表'
            ,id: 99
            },{
            title: '增加'
            ,id: 100
            },{
            title: '更新'
            ,id: 101
            },{
            title: '删除'
            ,id: 102
            }]
        }
        ,{
            title: '系统配置'
            ,id: 115
            ,children: [{
            title: '列表'
            ,id: 125
            },{
            title: '增加'
            ,id: 124
            },{
            title: '更新'
            ,id: 126
            },{
            title: '删除'
            ,id: 127
            }]
        }]
        },{
        title: '内容管理'
        ,id: 128
        ,children: [{
            title: '分类标签'
            ,id: 130
            ,children: [{
            title: '列表'
            ,id: 141
            },{
            title: '增加'
            ,id: 143
            },{
            title: '更新'
            ,id: 142
            },{
            title: '删除'
            ,id: 140
            }]
        },{
            title: '标签管理'
            ,id: 129
            ,children: [{
            title: '列表'
            ,id: 147
            },{
            title: '增加'
            ,id: 146
            },{
            title: '更新'
            ,id: 145
            },{
            title: '删除'
            ,id: 144
            }]
        },{
            title: '文章管理'
            ,id: 131
            ,children: [{
            title: '列表'
            ,id: 151
            },{
            title: '增加'
            ,id: 150
            },{
            title: '更新'
            ,id: 149
            },{
            title: '删除'
            ,id: 148
            }]
        }
        ,{
            title: '添加文章'
            ,id: 135
        }
        ,{
            title: '修改文章'
            ,id: 136
        }]
        },{
        title: '广告管理'
        ,id: 132
        ,children: [{
            title: '广告位管理'
            ,id: 133
            ,children: [{
            title: '列表'
            ,id: 153
            },{
            title: '增加'
            ,id: 152
            },{
            title: '更新'
            ,id: 154
            },{
            title: '删除'
            ,id: 155
            }]
        },{
            title: '广告图管理'
            ,id: 134
            ,children: [{
            title: '列表'
            ,id: 156
            },{
            title: '增加'
            ,id: 157
            },{
            title: '更新'
            ,id: 158
            },{
            title: '删除'
            ,id: 159
            }]
        }
        ,{
            title: '友情链接广告'
            ,id: 137
            ,children: [{
            title: '列表'
            ,id: 160
            },{
            title: '增加'
            ,id: 161
            },{
            title: '更新'
            ,id: 162
            },{
            title: '删除'
            ,id: 163
            }]
        }
        ]
        }]
        //无连接线风格
        tree.render({
            elem: '#test13'
            ,id:'menuids'
            ,data: data1
            ,showLine: false
            ,showCheckbox: true
            ,oncheck: function(obj){
    
            }
        });
    
    });

    
    function add(reBody) {
        axios({
            url:"http://124.223.14.236:8060/admin/sys_user/add",
            method:'post',
            headers: {
                "x-token": token,
            },
            // data: reBody,
        })
        .then(res=>{
            console.log(res);    
            if(res.status === 200){
                layer.close(layer.index);
                layer.msg('添加成功');
                getRoleAdminList();  
    
            }
    })
    }




    // 查询类容---------------------------------
    function select() {
        axios({
            url:"http://124.223.14.236:8060/admin/sys_role/list",
            method:'get',
            headers: {
                "x-token": token,
            },
            params:q,
        })
        .then(res=>{
            getRoleAdminList();
        })
    }
    
    
    $("#select").on("click",function(){
            q.name = $("#select_user").val();
            select();
    })




    // 编辑
    $("tbody").on("click","#edit",function(){
        let checkData = null;
        let  nodeIds = [];
        let   chekALL = [];
        let   aaa = [];

        layer.open({
            type:1,
            title:"添加管理员",
            area: ['800px', '500px'],
            content: $('#add_form').html(),
            btn:['确定','取消'],
            yes: function(index,layero){
                // 角色树形数据
         
                let reBody = {
                    name: $("#name_account").val(),
                    description: $("#description").val(),
                    role_id: chekALL,
                }       
            
                alert(checkALL)
                // add(reBody);
            },
    
            btn2: function(index,layero){
            }
        })
    })




    














